<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<h:head>
	<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
	</h:head>
	
<h:body>
	<header>
		<a><h:link class="logo" outcome="index" /></a>
	</header>
<div id="container">
	<div id="content1">
			<div id="contentLarge">
	<h:form id="formPersonalizzato" onsubmit="#{Retriever.onButtonSelect()}">
		
		<p:growl id="growl" showDetail="true"/>
		<p:growl id="messages" showDetail="true"/>
		
		<p:panel header="Personalizza il tuo pacchetto!">
			<h:panelGrid id="personalizzaPacchettoGrid">
				
				<p:row>
					<p:column>
						<h:outputLabel>Stai personalizzando: #{Retriever.pacchettoSelezionato.nome}</h:outputLabel>
					</p:column>
				</p:row>
				
				<p:row>
					<p:column>
						<h:outputLabel>Volo associato (per #{Retriever.voloPacchettoSelezionato.getCittaArrivo()}):</h:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id= "volo" value="#{Retriever.pacchettoSelezionato.codiceVolo}" effect="fade">
                  		<f:selectItem itemLabel="Attualmente in uso: partenza in data #{Retriever.voloPacchettoSelezionato.data} da: #{Retriever.voloPacchettoSelezionato.cittaPartenza}, 
                  									aereoporto di #{Retriever.voloPacchettoSelezionato.aeroportoPartenza}. Durata di #{Retriever.voloPacchettoSelezionato.durata} 
                  									e arrivo nell'aeroporto di: #{Retriever.voloPacchettoSelezionato.aeroportoArrivo}" itemValue="#{Retriever.pacchettoSelezionato.codiceVolo}"/>
                  		<f:selectItems  value="#{Retriever.listaVoliPerCitta}" var="VoloDTO"
                  					itemLabel="Partenza in data #{VoloDTO.data} da: #{VoloDTO.cittaPartenza}, 
                  					aereoporto di #{VoloDTO.aeroportoPartenza}. Durata di #{VoloDTO.durata} e arrivo nell'aeroporto di: #{VoloDTO.aeroportoArrivo}" 
                  						itemValue="#{VoloDTO.codice}"/>	
                  		</p:selectOneMenu>
                  	</p:column>
				</p:row>
				
			</h:panelGrid>
				
					<p:pickList id="pickListHotel" value="#{Retriever.hotels}" var="hotels"   
                		itemLabel="#{hotels.nome}" itemValue="#{hotels}" converter="hotelConverter" effect="bounce"
                		showCheckbox="true" showSourceFilter="true" showTargetFilter="true" filterMatchMode="contains">
                    	<f:facet name="sourceCaption">Disponibili</f:facet>  
        				<f:facet name="targetCaption">Inseriti</f:facet>
        			</p:pickList>
				
				
				
					<p:pickList id="pickListEscursioni" value="#{Retriever.escursioni}" var="escursioni"   
                		itemLabel="#{escursioni.nome}" itemValue="#{escursioni}" converter="escursioneConverter" effect="bounce"
                		 showCheckbox="true" showSourceFilter="true" showTargetFilter="true" filterMatchMode="contains">
                		<f:facet name="sourceCaption">Disponibili</f:facet>  
        				<f:facet name="targetCaption">Inserite</f:facet>
        			</p:pickList>
        			
     				<p:commandButton id="buyButton" icon="ui-icon-cart" title="Buy" update=":formPersonalizzato:display" oncomplete="PF('personalizzaDialog').show()" />	
        	
		</p:panel>
		
			
			<p:dialog id="dialog" header="Dettagli personalizzazione" widgetVar="personalizzaDialog" resizable="false"  
                showEffect="fade" hideEffect="explode">  
  
	        	<h:panelGrid id="display" columns="2" cellpadding="4">
		            <f:facet name="header">  
		                  <h:outputText value="#{Retriever.pacchettoSelezionato.nome}"/>
		            </f:facet>  
		  
		            <h:outputText value="Prezzo" />  
		            <h:outputText value="#{Retriever.pacchettoSelezionato.prezzo}" />  
		  
		            <h:outputText value="Descrizione:" />  
		            <h:outputText value="#{Retriever.pacchettoSelezionato.descrizione}" />  
		  
		            <h:outputText value="Destinazione:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.cittaArrivo}" />  
		  
		            <h:outputText value="Partenza:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.cittaPartenza}" />
		            
		            <h:outputText value="Aeroporto partenza:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.aeroportoPartenza}" />
		            
		            <h:outputText value="Aeroporto arrivo:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.aeroportoArrivo}" />
		            
		            <h:outputText value="Data partenza:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.data}" />
		            
		            <h:outputText value="Data arrivo" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.dataRitorno}" />
		            
		            <h:outputText value="Durata viaggio:" />  
		            <h:outputText value="#{Retriever.voloPacchettoSelezionato.durata}" />
		            
		            <h:outputText value="Hotel:" />  
		            <p:dataList value="#{Retriever.hotels.getTarget()}" var="hotel" itemType="disc">  
    						#{hotel.nome}, #{hotel.n_Stelle} stelle, disponibilità: #{hotel.stanze_Disponibili} stanze, prezzo: #{hotel.prezzo}
					</p:dataList>

		            <h:outputText value="Escursioni:" />  
		            <p:dataList value="#{Retriever.escursioni.getTarget()}" var="escursioni" itemType="disc">  
    						#{escursioni.nome}, #{escursioni.durata} ore, tipologia #{escursioni.tipologia}, stagione: #{escursioni.stagione}, prezzo: #{escursioni.prezzo}
					</p:dataList>
					
		            <p:commandButton id="buyButton2" icon="ui-icon-cart" title="Buy" onclick="PF('peopleDialogPersonalizzato').show();" type="button" />
		            
	        	</h:panelGrid>
	        	
    		</p:dialog>
    		
    		
    		 <p:dialog id="personeDialogPersonalizzato" header="Numero persone" widgetVar="peopleDialogPersonalizzato" resizable="false"  
                	  modal="true" showEffect="bounce" hideEffect="explode">  
  				<p:messages autoUpdate="true"/>
  				
	        	<h:panelGrid id="displayPeople" columns="3" cellpadding="4">

		             <f:facet name="header">  
		                  <h:outputText value="Stai comprando: #{Retriever.pacchettoSelezionato.nome} personalizzato"/>
		            </f:facet>  
		  			
		  			
		  			
		  			<h:outputLabel for="number" value="Numero persone per la prenotazione:" style="font-weight:bold"/>                      
            		<p:spinner id="number" value="#{Retriever.prenotazione.n_Persone}" stepFactor="1" min="1"/>  
            		<p:message for="number" />
		             
	           		<p:commandButton id="confermaButton" icon="ui-icon-cart" title="Conferma" action="#{Retriever.riepilogoPacchettoPersonalizzato()}"
	           						 update="formPersonalizzato:messages"/>
	           		
	        	</h:panelGrid>
	        	
    		</p:dialog>
		    
	</h:form>
	</div>
	</div>
	</div>	
</h:body>
	
</html>